{%extends file="user/page/layout.tpl"%}

{%block name="sub-head-static"%}
    {%require name="user:static/security/security.less"%}
    {%require name="user:static/security/security.js"%}
{%/block%}

{%block name="right-content"%}
    <div class="page-security">
        <div class="block">
            <div class="title">账户安全</div>
            <div>
                <span>账户安全级别：</span>
                {%if $data.trade_pwd_status && $data.id_card %}
                    <span>高</span>
                {%elseif $data.trade_pwd_status || $data.id_card%}
                    <span>中</span>
                {%else%}
                    <span>低</span>
                {%/if%}
            </div>



            <div class="line id-line">
                <div class="summary id-summary {%if $data.id_card%}id-summary-h{%/if%}">
                    <span style="float: left">实名认证</span>
                    {%if $data.id_card%}
                    <span class="center">{%$data.id_card%}({%$data.id_card_name%})</span>
                    {%else%}
                    <a class="text-link btn-set">设置</a>
                    {%/if%}
                </div>
                {%if !$data.id_card%}
                <div class="ext id-card">
                    <div class="error-tip">密码错误</div>
                    <table>
                        <tr>
                            <td>姓名：</td>
                            <td><input type="text" class="input-common card-name"></td>
                        </tr>
                        <tr>
                            <td>身份证号：</td>
                            <td><input type="text" class="input-common card-code"></td>
                        </tr>
                        <tr>
                            <td>确认身份证号：</td>
                            <td><input type="text" class="input-common re-card-code"></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><a class="btn btn-large btn-main btn-confirm">确定</a></td>
                        </tr>
                    </table>
                </div>
                {%/if%}
            </div>



            <div class="line login-line">
                <div class="summary login-summary-h">
                    <a class="text-link btn-set">修改</a>
                    <span>登录密码</span>
                    <span class="center">已设置</span>
                </div>
                <div  class="ext set-login">
                    <div class="error-tip">密码错误</div>
                    <table>
                        <tr>
                            <td>手机验证码：</td>
                            <td>
                                <input type="text" class="input-common iphone-code" style="float: left">
                                {%widget name="user:widget/code/code.tpl" call='code' id=1%}
                                <div class="clear"></div>
                            </td>
                        </tr>
                        <tr>
                            <td>设置密码：</td>
                            <td><input type="password" class="input-common password"></td>
                        </tr>
                        <tr>
                            <td>确认密码：</td>
                            <td><input type="password" class="input-common re-password"></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><a class="btn btn-large btn-main btn-confirm">确定</a></td>
                        </tr>
                    </table>
                </div>
            </div>



            <div class="line trade-line">
                <div class="summary trade-summary {%if $data.trade_pwd_status%}trade-summary-h{%/if%}">
                    {%if $data.trade_pwd_status%}
                    <a class="text-link btn-set">修改</a>
                    {%else%}
                    <a class="text-link btn-set">设置</a>
                    {%/if%}

                    <span>交易密码</span>
                    {%if $data.trade_pwd_status%}
                        <span class="center">已设置</span>
                    {%else%}
                        <span class="center">未设置</span>
                    {%/if%}
                </div>
                <div  class="ext set-trade">
                    <div class="error-tip">密码错误</div>
                    <table>
                        <tr>
                            <td>手机验证码：</td>
                            <td>
                                <input type="text" class="input-common iphone-code" style="float: left">
                                {%widget name="user:widget/code/code.tpl" call='code' id=2%}
                                <div class="clear"></div>
                            </td>
                        </tr>
                        <tr>
                            <td>设置密码：</td>
                            <td><input type="password" class="input-common password"></td>
                        </tr>
                        <tr>
                            <td>确认密码：</td>
                            <td><input type="password" class="input-common re-password"></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><a class="btn btn-large btn-main btn-confirm">确定</a></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
{%/block%}

